<template>
  <div>
    <ul>
        <li v-for="item in list" :key="item.date">
            <p>
                评论人: {{ item.name }}
            </p>
            <p>
                评论事件: {{ item.date }}
            </p>
            <p>
                评论内容: {{ item.text }}
            </p>
        </li>
    </ul>
  </div>
</template>

<script>
export default {
    data() {
        return {
            list: []
        }
    },
    mounted() {
        this.$bus.$on("sendInfo", (info) => {
            this.list.push(info)
            console.log(this.list)
        })
    }
}
</script>

<style>

</style>